import React, { FC } from 'react'
import { Tabs, Divider } from 'antd';
import SearchTypes from './SearchTypes';
import SearchCard from './SearchCard';
import SearchPagination from './SearchPagination';

const { TabPane } = Tabs;

const SearchTabs: FC = props => {
    const onChange = (key: string) => {
        console.log(key);
    }
    return (
        <div className='search-types'>
            <Tabs defaultActiveKey="1" size="large" tabBarGutter={100} onChange={onChange}>
                <TabPane tab="综合" key="1">
                    <SearchTypes />
                </TabPane>
                <TabPane tab="视频" key="2">
                    <SearchTypes />
                </TabPane>
                <TabPane tab="影视" key="3">
                    <SearchTypes />
                </TabPane>
                <TabPane tab="直播" key="4">
                    <SearchTypes />
                </TabPane>
                <TabPane tab="专栏" key="5">
                    <SearchTypes />
                </TabPane>
            </Tabs>
            <Divider></Divider>
            <SearchCard />
            <SearchPagination />

        </div>
    )
}



export default SearchTabs
